<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="templates2/layout.xhtml">
	<ui:define name="content">
		<h:form>
			<article class="module width_full"> <header>
			<h3>Search Account Information</h3>
			</header>
			<div class="module_content">
				<fieldset style="width: 48%; float: left; margin-right: 3%;">
					<label>Account Numbers</label>
					<h:inputText value="#{savingAccManagedBean.accountNumber}" style="width: 92%;" />
				</fieldset>
				<fieldset style="width: 48%; float: left;">
					<label>ID Card Number</label>
					<h:inputText value="#{savingAccManagedBean.idCardNumber}" style="width: 92%;" />
				</fieldset>
				
				<div class="submit_link">
					<h:commandButton value="Search" action="#{savingAccManagedBean.search}" styleClass="alt_btn" />
					<input type="submit" value="Reset" />
				</div>

				<fieldset style="width: 100%;">
					<h:dataTable styleClass="tablesorter" value="#{savingAccManagedBean.cusAccounts}" var="a">
						<h:column>
							<f:facet name="header">Account Number</f:facet>
							#{a.accountNumber}
						</h:column>
						<!-- <h:column>
							<f:facet name="header">Account Owner</f:facet>
							
						</h:column> -->
						<h:column>
							<f:facet name="header">Current Balance</f:facet>
							#{a.accountBalance}
						</h:column>
						<h:column>
							<f:facet name="header">Created Date</f:facet>
							#{a.createdDate}
						</h:column>
						<h:column>
							<f:facet name="header">State</f:facet>
							#{a.accountState}
						</h:column>
						<h:column>
							<f:facet name="header">Action</f:facet>
							<input type="image" src="templates2/images/icn_edit.png"
								title="Edit" />
							<input type="image" src="templates2/images/icn_trash.png"
								title="Trash" />
						</h:column>
					</h:dataTable>
				</fieldset>
				<div class="clear"></div>
			</div>
			</article>
			<article class="module width_full"> <header>
			<h3>Account owner information</h3>
			</header>
			<div class="module_content">
				<fieldset style="width: 48%; float: left; margin-right: 3%;">
					<label>Account Number</label>
					<h:inputText style="width: 92%;" />
				</fieldset>
				<fieldset style="width: 48%; float: left;">
					<label>ID Card Number</label>
					<h:inputText style="width: 92%;" />
				</fieldset>
				<fieldset style="width: 32%; float: left; margin-right: 1.5%;">
					<label>First name</label>
					<h:inputText style="width: 90%;" />
				</fieldset>
				<fieldset style="width: 32%; float: left; margin-right: 1.5%;">
					<label>Middle name</label>
					<h:inputText style="width: 90%;" />
				</fieldset>
				<fieldset style="width: 32%; float: left;">
					<label>Last name</label>
					<h:inputText style="width: 90%;" />
				</fieldset>
				<fieldset style="width: 48%; float: left; margin-right: 3%;">
					<label>Address 1</label>
					<h:inputText style="width: 92%;" />
				</fieldset>
				<fieldset style="width: 48%; float: left;">
					<label>Address 2</label>
					<h:inputText style="width: 92%;" />
				</fieldset>
				<fieldset style="width: 48%; float: left; margin-right: 3%;">
					<label>Email 1</label>
					<h:inputText style="width: 92%;" />
				</fieldset>
				<fieldset style="width: 48%; float: left;">
					<label>Email 2</label>
					<h:inputText style="width: 92%;" />
				</fieldset>
				<fieldset style="width: 48%; float: left; margin-right: 3%;">
					<label>Phone 1</label>
					<h:inputText style="width: 92%;" />
				</fieldset>
				<fieldset style="width: 48%; float: left;">
					<label>Phone 2</label>
					<h:inputText style="width: 92%;" />
				</fieldset>

				<div class="clear"></div>
			</div>
			<!-- <footer> <div class="submit_link">
				<input type="submit" value="Search" class="alt_btn" /> <input
					type="submit" value="Reset" />
			</div> </footer> --> </article>
			<article class="module width_full"> <header>
			<h3 class="tabs_involved">Transaction Details</h3>
			<!-- <ul class="tabs">
			<li class="active"><a href="#tab1">Posts</a></li>
			<li class=""><a href="#tab2">Comments</a></li>
		</ul> --> </header>

			<div class="tab_container">
				<div id="tab1" class="tab_content" style="display: block;">
					<h:dataTable styleClass="tablesorter" >
						<h:column>
							<f:facet name="header"></f:facet>
						</h:column>
						<h:column>
							<f:facet name="header">Transaction ID</f:facet>
							#{a.accountNumber}
						</h:column>
						<h:column>
							<f:facet name="header">Transaction Type</f:facet>
						</h:column>
						<h:column>
							<f:facet name="header">Created Date</f:facet>
						</h:column>
						<h:column>
							<f:facet name="header">State</f:facet>
						</h:column>
						<h:column>
							<f:facet name="header">Action</f:facet>
							<input type="image" src="templates2/images/icn_edit.png"
								title="Edit" />
							<input type="image" src="templates2/images/icn_trash.png"
								title="Trash" />
						</h:column>
					</h:dataTable>
					<!-- <table class="tablesorter" cellspacing="0">
						<thead>
							<tr>
								<th class="header"></th>
								<th class="header">Transaction ID</th>
								<th class="header">Type</th>
								<th class="header">Created Date</th>
								<th class="header">Amount</th>
								<th class="header">Actions</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><input type="checkbox" /></td>
								<td>Lorem Ipsum Dolor Sit Amet</td>
								<td>Articles</td>
								<td>5th April 2011</td>
								<td></td>
								<td><input type="image" src="images/icn_edit.png"
									title="Edit" /><input type="image" src="images/icn_trash.png"
									title="Trash" /></td>
							</tr>
							<tr>
								<td><input type="checkbox" /></td>
								<td>Ipsum Lorem Dolor Sit Amet</td>
								<td>Freebies</td>
								<td>6th April 2011</td>
								<td></td>
								<td><input type="image" src="images/icn_edit.png"
									title="Edit" /><input type="image" src="images/icn_trash.png"
									title="Trash" /></td>
							</tr>
							<tr>
								<td><input type="checkbox" /></td>
								<td>Sit Amet Dolor Ipsum</td>
								<td>Tutorials</td>
								<td>10th April 2011</td>
								<td></td>
								<td><input type="image" src="images/icn_edit.png"
									title="Edit" /><input type="image" src="images/icn_trash.png"
									title="Trash" /></td>
							</tr>
							<tr>
								<td><input type="checkbox" /></td>
								<td>Dolor Lorem Amet</td>
								<td>Articles</td>
								<td>16th April 2011</td>
								<td></td>
								<td><input type="image" src="images/icn_edit.png"
									title="Edit" /><input type="image" src="images/icn_trash.png"
									title="Trash" /></td>
							</tr>
							<tr>
								<td><input type="checkbox" /></td>
								<td>Dolor Lorem Amet</td>
								<td>Articles</td>
								<td>16th April 2011</td>
								<td></td>
								<td><input type="image" src="images/icn_edit.png"
									title="Edit" /><input type="image" src="images/icn_trash.png"
									title="Trash" /></td>
							</tr>
						</tbody>
					</table> -->
				</div>
				<!-- end of #tab1 -->

				<!-- <div id="tab2" class="tab_content" style="display: none;">
					<table class="tablesorter" cellspacing="0">
						<thead>
							<tr>
								<th class="header"></th>
								<th class="header">Comment</th>
								<th class="header">Posted by</th>
								<th class="header">Posted On</th>
								<th class="header">Actions</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><input type="checkbox" /></td>
								<td>Lorem Ipsum Dolor Sit Amet</td>
								<td>Mark Corrigan</td>
								<td>5th April 2011</td>
								<td></td>
								<td><input type="image" src="images/icn_edit.png"
									title="Edit" /><input type="image" src="images/icn_trash.png"
									title="Trash" /></td>
							</tr>
							<tr>
								<td><input type="checkbox" /></td>
								<td>Ipsum Lorem Dolor Sit Amet</td>
								<td>Jeremy Usbourne</td>
								<td>6th April 2011</td>
								<td></td>
								<td><input type="image" src="images/icn_edit.png"
									title="Edit" /><input type="image" src="images/icn_trash.png"
									title="Trash" /></td>
							</tr>
							<tr>
								<td><input type="checkbox" /></td>
								<td>Sit Amet Dolor Ipsum</td>
								<td>Super Hans</td>
								<td>10th April 2011</td>
								<td></td>
								<td><input type="image" src="images/icn_edit.png"
									title="Edit" /><input type="image" src="images/icn_trash.png"
									title="Trash" /></td>
							</tr>
							<tr>
								<td><input type="checkbox" /></td>
								<td>Dolor Lorem Amet</td>
								<td>Alan Johnson</td>
								<td>16th April 2011</td>
								<td></td>
								<td><input type="image" src="images/icn_edit.png"
									title="Edit" /><input type="image" src="images/icn_trash.png"
									title="Trash" /></td>
							</tr>
							<tr>
								<td><input type="checkbox" /></td>
								<td>Dolor Lorem Amet</td>
								<td>Dobby</td>
								<td>16th April 2011</td>
								<td></td>
								<td><input type="image" src="images/icn_edit.png"
									title="Edit" /><input type="image" src="images/icn_trash.png"
									title="Trash" /></td>
							</tr>
						</tbody>
					</table> 
			</div>-->

				<!-- end of #tab2 -->

			</div>
			<footer>
			<div class="submit_link">
				<input type="submit" value="Search" class="alt_btn" /> <input
					type="submit" value="Reset" />
			</div>
			</footer> <!-- end of .tab_container --> </article>
		</h:form>
	</ui:define>
	<ui:define name="sidebar">
		<ui:include src="/templates2/sidebar.xhtml">
			<ui:param name="current" value="home"></ui:param>
		</ui:include>
	</ui:define>
</ui:composition>
</html>